<template>
    <div class="message-container">
        <div class="message-tabs">
            <div class="tab-item" :class="{ active: activeTab === 'export' }" @click="activeTab = 'export'">专业回答</div>
            <div class="tab-item" :class="{ active: activeTab === 'time' }" @click="activeTab = 'time'">实时检索进展</div>
        </div>
        <div class="message-content-time" v-show="activeTab === 'time'">
            <!-- <div class="waiting-message">
                <div class="blue-line"></div>
                <span>等待提交问题</span>
            </div> -->
            <div class="hint-message">
                <div v-if="!localSearchDisplay" class="loading-question">

                    <span  >{{
            sendLoading === true ? "问题推理中..." : "等待提交问题"}}</span>
                </div>
                
                <div>
                    <div class="alaisy" v-html="renderMarkdown(localSearchDisplay)"></div>
                    
                </div>

            </div>

        </div>
        <div class="message-content-export" v-show="activeTab === 'export'">
            <!-- <div class="waiting-message">
                <div class="blue-line"></div>
                <span>准备就绪，等待您的问题</span>
            </div> -->
            
            <div class="hint-message">
                <div v-if="!localAnswer" class="loading-question">

                    <span  >{{
            sendLoading === true ? "问题分析中..." : "提交问题后，系统将在这里显示回答..."}} </span>
                </div>
               
                <div class="answer" v-html="renderMarkdown(localAnswer)"></div>
            </div>
        </div>
    </div>
</template>

<script src="./chatmessage.js"></script>

<style src="./chatmessage.css" scoped></style>